<template>
    <div class="wrap">
  		<header-v></header-v>
  		
  		<div class="pro-content">
  		    <div class="here">
				<router-link to="">首页</router-link> <span> >> </span> <router-link to="">产品中心</router-link>
			</div>
			<div class="content">
				<div class="title">
					<p>产品中心</p>
					<img src="../../assets/xhx_01.jpg" alt="" />
				</div>
				<div class="tab">
					<router-link to="">宠物食品</router-link>
					<router-link to="">宠物美食</router-link>
					<router-link to="">宠物清洁</router-link>
					<router-link to="">宠物玩具</router-link>
					<router-link to="">宠物服饰</router-link>
					<router-link to="">宠物训导</router-link>
				</div>
				<div class="con">
				<ul>
					<li>
						<router-link to="/proList"><img src="../../assets/96_ba8i.png" alt="" /></router-link>
						<router-link to="/proList">职业夹克装</router-link>
					</li>
					<li>
						<router-link to="/proList"><img src="../../assets/86_mcj8.png" alt="" /></router-link>
						<router-link to="/proList">职业夹克装</router-link>
					</li>
					<li>
						<router-link to="/proList"><img src="../../assets/87_kefk.png" alt="" /></router-link>
						<router-link to="/proList">职业夹克装</router-link>
					</li>
					<li>
						<router-link to="/proList"><img src="../../assets/88_qo13.png" alt="" /></router-link>
						<router-link to="/proList">职业夹克装</router-link>
					</li>
					<li>
						<router-link to="/proList"><img src="../../assets/89_9k3a.png" alt="" /></router-link>
						<router-link to="/proList">职业夹克装</router-link>
					</li>
					<li>
						<router-link to="/proList"><img src="../../assets/90_fsq6.png" alt="" /></router-link>
						<router-link to="/proList">职业夹克装</router-link>
					</li>
				</ul>
				<div class="page">
					<router-link to="/" class="num"> <</router-link>
					<router-link to="/" class="num active">1</router-link>
					<router-link to="/" class="num">2</router-link>
					<router-link to="/" class="num">3</router-link>
					<router-link to="/" class="num">4</router-link>
					<span>...</span>
					<router-link to="/" class="num">7</router-link>
					<router-link to="/" class="num">8</router-link>
					<router-link to="/" class="num"> > </router-link>
				</div>
            </div>
          </div>
  		</div>
  		
  		<footer-v></footer-v>
  </div>
</template>


<script>
import header from '../public/header'
import footer from '../public/footer'

export default {
	
  components: {
  	headerV : header,
  	footerV : footer
  },
  data () {
    return {
        
    }
  },
  methods : {
    
  }
}
</script>


<style type="text/css" scoped="scoped">
	/* Product.style */

  .pro-content ul{padding: 0 0.1rem; margin:0.2rem auto; overflow:hidden;}
  .con li{ width: 48.2%; float: left; margin-bottom: 0.1rem; text-align: center;}
  .con li:nth-of-type(2n){margin-left: 0.1rem;}
  .con li img{width: 100%;}
  .con li a{ color: #5A5A5A; line-height: 0.2rem; display:block; }
  .con li a:hover{ color:rgb(0,100,214); }
  .here {width:100%; height:0.44rem; background:rgb(247, 243, 231); padding-left:0.1rem;}
  .here a{color:rgb(102, 102, 102); line-height:0.44rem; font-size:0.13rem;}
  .here span{margin:0 0.08rem;}
  .tab a{width:0.9rem; height:0.32rem; background:rgba(246,171,74,1); color:#fff; line-height:0.32rem; text-align:center; display:block; float:left; margin-left:0.12rem; margin-bottom:0.1rem; }
</style>



















